<template>
	<view style="display: flex;flex-direction: row;width: 100%;background-color: #EFEFEF;">
		<view style="width: 750rpx;display: flex;flex-direction: row;flex-wrap: wrap;align-content: flex-start;background-color: #f8f8f8;" class="content">
			<view v-for="(item, index) in itemList" :key='index' @click="itemHandle(item)"
			style="display: flex;flex-direction: column;margin-top: 20rpx;background-color: #FFF;width: 345rpx;margin-left: 20rpx;">
				<image :src="item.coverUrl" mode='aspectFill' style="width: 100%;height: 400rpx;"></image>
				<view style="padding: 16rpx;">
					<view style="font-size: 28rpx;" class="limitLineNumOfTwo">{{item.name}}</view>
					<view style="margin-top: 10rpx;color: #fa3534;">¥{{item.priceModel.sellingPrice}}</view>
				</view>
			</view>
		</view>
	</view>
</template>


<script>
	export default{
		components: {},
		props:{
			itemList: {
				type: Array,
				default: ()=>[]
			},
		},
		data() {
			return {
			}
		},
		onLoad() {
		},
		methods:{
			itemHandle(val){
				this.$emit('click', val)
			}
		}
	}
</script>

<style scoped lang="scss">
	
</style>